// 列表页头部右侧jquery
var $li = $(".list-top-fr>div");
$li.mouseenter(function () {
    $(this).children("div").show();
    $(this).css({ 'background': '#fff', 'border-left': '1px solid #ccc', 'border-right': '1px solid #ccc' })
});
$li.mouseleave(function () {
    $(this).children("div").hide();
    $(this).css({ 'background': '#f5f5f5', 'border': 'transparent' })
});

// 头部右侧订单栏移入移出变色

$(".mine-menu a").hover(function () {
    $(this).addClass("orange");
}, function () {
    $(this).removeClass("orange");
});


// 菜单移入移出变色
$(".nav-w-bx div>a").hover(function () {
    $(this).addClass("orange");
}, function () {
    $(this).removeClass("orange");
});


// // 导航栏二级菜单
// $(function(){
//     $('.list-nav-all').hover(function(){
//         $('.list-nav-slider').show()
//     },function(){
//         $('.list-nav-slider').hide()
//     })
// })
// --------------轮播图-------------

var swiper = new Swiper('.swiper1', {
    loop: true,
    spaceBetween: 30,
    effect: 'fade',
    autoplay: {
        delay: 3600,
        disableOnInteraction: false,
    },
    pagination: {
        el: '.swp1',
        clickable: true,
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
});

$(".swiper-container").hover(function () {
    $(this).children(".swiper-button-next").stop().fadeToggle(200);
    $(this).children(".swiper-button-prev").stop().fadeToggle(200);
});
var swiper = new Swiper('.swiper2', {
    loop: true,
    spaceBetween: 30,
    effect: 'fade',
    autoplay: {
        delay: 3600,
        disableOnInteraction: false,
    },
    pagination: {
        el: '.swp2',
        clickable: true,
    },

});
// // -------吸顶搜索框-----
$(document).scroll(function () {

    var scroH = $(document).scrollTop();  //滚动高度

    if (scroH > 300) {  //距离顶部大于100px时

        $('.search_top').stop().fadeIn(600)

    }

    if (scroH < 300) {

        $('.search_top').stop().fadeOut(600)

    }

});

// --------今日特价------
$(function () {
    $(".jrtj_head li").eq(0).css({ "color": "#333", "font-weight": "bold", "border-bottom": "2px solid #333" });
    $(".jrtj_head li").click(function () {
        var index = $(this).index();
        $(this).css({ "color": "#333", "font-weight": "bold", "border-bottom": "2px solid #333" });
        $(this).siblings().css({ "color": "#666", "font-weight": "normal", "border-bottom": "0" });
        $(".jrtj_list>div").eq(index).show();
        $(".jrtj_list>div").eq(index).siblings().hide();
    });
})
// --------电梯------
$(function () {
    $("#lift li").hover(function () {
        $(this).addClass("hover");
    }, function () {
        $(this).removeClass("hover");
    });
    $("#lift li").click(function () {
        $(this).addClass("on");
        $(this).siblings().removeClass("on");
    });
    $("#lift li").click(function () {
        var index = $(this).index();
        var h = $(".louti").eq(index).offset().top;
        $("html,body").animate({ scrollTop: h }, 500);
    });
    $(".lift_back div").click(function () {
        $("html,body").animate({ scrollTop: 0 }, 500);
    });
});
$(document).scroll(function () {
    var heigh = $(document).scrollTop();
    if (heigh > 400) {
        $("#lift").fadeIn(600);
    } else {
        $("#lift").fadeOut(600);
    }
})

// ------------数据库
let otjhh = document.querySelector('.tjhh_list')
let ojrtj1 = document.querySelector('.jrtj_1')
let oitem = document.querySelector('.floor_item')
// 存总条数
let total = 0
// ajax是异步
if (localStorage.getItem('pagenum') === null) {
    pageAjax(1)
} else {
    console.log(localStorage.getItem('pagenum'))
    pageAjax(localStorage.getItem('pagenum') - 0)
}
function pageAjax(n) {
    pAjax({
        url: 'server/list.php',
        data: {
            pagenum:n,
            pagesize: 6
        }
    }).then(function (res) {
        // 解析数据
        let json = JSON.parse(res)
        console.log(json)


        // 先清空后渲染
        otjhh.innerHTML = ''
        
        // 循环渲染页面
        json.data.forEach(function (ele) {
            let str = 
                ` <li>
                    <a href="#"><img src="${ele.img}" title="${ele.word}"></a>
                    <p><a href="#">${ele.word}</a></p>
                    <span>￥<b>${ele.price}</b></span>
                </li>`
                otjhh.innerHTML += str
        
        });
        ojrtj1.innerHTML=''
        json.data.forEach(function (ele) {
            let str = 
                ` <li>
                    <a href="#"><img src="${ele.img}" title="${ele.word}"></a>
                    <p><a href="#">${ele.word}</a></p>
                    <span>￥<b>${ele.price}</b></span>
                </li>`
                ojrtj1.innerHTML += str
        
        });
    })
}
otjhh.addEventListener('click', function (ev) {
    // 查看详情
    if (ev.target.tagName === 'IMG' || ev.target.className === 'btn btn-primary') {
        let id = ev.target.getAttribute('data-id')
        window.location.href = 'detail.html?id=' + id

        localStorage.setItem('detailId', id)
    }
})




